<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" placeholder="我是光标移出事件">
<input type="text" placeholder="我是光标移入事件">
<script>
  // 表单常用事件
  // 1.onfocus光标移入
  document.getElementsByTagName("input")[0].onblur=function (ev) {
    console.log("光标移出来了");
  };
  // 2.onblur光标移出
  document.getElementsByTagName("input")[1].onfocus=function (ev) {
    console.log("光标移入了");
  };

  // 表单常用方法
  function setfocus(){
    document.getElementsByTagName("input")[2].focus();
    console.log("光标进入了!");
  }
  function blurgo(){
    document.getElementsByTagName("input")[3].blur();
    console.log("光标移出了!");
  }
  function selectall(){
    document.getElementsByTagName("input")[4].select();
    console.log("内容被选中了!");
  }

/*
  // 函数由4部分组成:1.代码块,2.形参,3.实参,4.return
function f(2.形参) {
  // 1.代码块;
  // 4.return;
  // 4-1.return; 调出函数,当return后面没有数据时,那么是简单粗暴的跳出,不带任何数据
    4-2.return false/true;跳出函数后面携带了一个参数
};
// 调用函数
  f(3.实参);*/

</script>
<!--// 表单常用方法-->
<!--// 1.focus();-->
<br/>
<input type="text" placeholder="注意看我的光标"><br/>
<button onclick="setfocus()">点我设置光标</button><br/>
<!--// 2.blur();-->
<input type="text" placeholder="注意看我的光标"><br/>
<button onclick="blurgo()">点我光标离开</button><br/>
<!--// 3.select();-->
<input type="text" placeholder="点击按钮填写的内容会被选中"><br/>
<button onclick="selectall()">点我选中内容</button>


<form action="#">
<input type="email" name="as" required="required">
<input type="submit">
</form>
</body>
</html>
